<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米8立即购买-小米商城</title>
		<meta name="description" content="小米商城直营小米公司旗下所有产品，囊括小米手机系列小米Note 3、小米8、小米MIX 2S，红米手机系列红米5 Plus、红米6 Pro，智能硬件，配件及小米生活周边，同时提供小米客户服务及售后支持。" />
		<meta name="keywords" content="小米,小米8,小米7,红米5Plus,小米MIX2,小米商城" />
		<link rel="shortcut icon" href="img/favicon.ico" />
		<link rel="stylesheet" type="text/css" href="css/pay.css" />
		<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>
		<script type="text/javascript" src="js/index.js"></script>
    	<script src="js/pay.js"></script>
		
		<script type="text/javascript">
function changeBackground(){
    var mydiv = document.getElementById('mydiv');
    mydiv.style.backgroundColor="blue";
  }
</script>
		
	  	<SCRIPT language="JavaScript">
                var NowFrame = 1;
                var MaxFrame = 4;
             function show(d1) {
             if(Number(d1)){
               clearTimeout(theTimer);  //当触动按扭时，清除计时器
               NowFrame=d1;                //设当前显示图片
               }
                for(var i=1;i<(MaxFrame+1);i++){
                   if(i==NowFrame)
                   document.getElementById('div'+NowFrame).style.display ='';   //当前图片示
                   else
                   document.getElementById('div'+i).style.display ='none';    //隐藏其他图片层
                   }
                   { if(NowFrame == MaxFrame)   //设置下一个显示的图片
                    NowFrame = 1;
                    else
                   NowFrame++;}
                   theTimer=setTimeout('show()', 2000);   //设置定时器，显示下一张图片
               }
        
        
        </SCRIPT>
</head>
	<body onLoad="show();">
		
		<div style="width: 1415px; height: ;margin: 0 auto;">

		<div class="site-topbar">
			<div class="container">
				<div class="topbar-nav">
					<a href="index.html">小米商城</a>
					<span>|</span>
					<a href="#">MIUI</a>
					<span>|</span>
					<a href="#">loT</a>
					<span>|</span>
					<a href="#">云服务</a>
					<span>|</span>
					<a href="#">金融</a>
					<span>|</span>
					<a href="#">有品</a>
					<span>|</span>
					<a href="#">小爱开放平台</a>
					<span>|</span>
					<a href="#">企业服务</a>
					<span>|</span>
					<a href="#">Select Region</a>
				</div>
				    <div class="topbar-cart">
					<a>
						<i class="icon"></i> 购物车
						<span>(0)</span>
					</a>
					<div class="topbar-hide">
						<span>购物车中还没有商品，赶紧选购吧！</span>
					</div>
				</div>
				<div class="topbar-info">
					<a href="loading.html">登录</a>
					<span>|</span>
					<a href="register.html">注册</a>
					<span>|</span>
					<a href="#">消息通知</a>
				</div>
			</div>
		</div>

		<div class="site-head">

			<div class="container">
				<div class="head-logo">
					<a href="index.html"><img src="img/headLogo.png" width="55px" height="55px" alt="小米官网" /></a>
				</div>
				<div class="head-nav">
					<ul>
						<li>
							<a>全部商品分类</a>
						</li>
						<li>
							<a>小米手机</a>
						</li>
						<li>
							<a>红米</a>
						</li>
						<li>
							<a>电视</a>
						</li>
						<li>
							<a>笔记本</a>
						</li>
						<li>
							<a>空调</a>
						</li>
						<li>
							<a>新品</a>
						</li>
						<li>
							<a>路由器</a>
						</li>
						<li>
							<a>智能硬件</a>
						</li>
					</ul>
					<ul>
						<li>
							<a>服务</a>
						</li>
						<li>
							<a>社区</a>
						</li>
					</ul>
				</div>
				<div class="head-search">
					<form class="search_form" action="#" method="post">
						<input type="search" name="search" class="search-box" />
						<input type="submit" value="" class="search-btn" />
						<div class="key_search">
							<div>
								<a href="#">小米8</a>
							</div>
							<div>
								<a href="#">小米MIX 2S</a>
							</div>
						</div>
					</form>
				</div>
			</div>
			<hr width="100%" size="2" color="gainsboro" />
			
			
			
			
            <div id="renke" class="renke">
               <div id="renke1" class="renke1">
                 <font size="5">小米8</font> 
                 <span>|</span>
                 <a href="#">&nbsp;小米8 透明探索版&nbsp;</a>
                 <span>|</span>
                 <a href="#">&nbsp;小米8 SE&nbsp;</a>
               </div>
               <div id="renke2" class="renke2">
               	 <a href="#">&nbsp;概述&nbsp;</a>
                 <span>|</span>
               	 <a href="#">&nbsp;图集&nbsp;</a>
                 <span>|</span>
                 <a href="#">&nbsp;参数&nbsp;</a>
                 <span>|</span>
                 <a href="#">&nbsp;F码通道&nbsp;</a>
                 <span>|</span>
                 <a href="#">&nbsp;用户评价&nbsp;</a>
               </div>
            </div>
            
            
            
            <hr width="100%" size="2" color="darkgray" noshade="noshade" />
            <hr width="100%" size="7" color="gainsboro" noshade="noshade" />
            
         <div id="renke4" class="renke4">
              <div id="renke41" class="pic" >
            
                   <ul  style="position:relative; width: 200px; height: 800px;" >
                     <li style="padding-left: 75px;"><IMG src="img/小米手机1.jpg" style="display:none;" id="div1" border="0"   width="560px" height="560px"></li>
                     <li style="padding-left: 75px;"><IMG src="img/小米手机2.jpg" style="display:none;" id="div2" border="0"   width="560px" height="560px"></li>
                     <li style="padding-left: 75px;"><IMG src="img/小米手机3.jpg" style="display:none;" id="div3" border="0"   width="560px" height="560px"></li>
                     <li style="padding-left: 75px;"><IMG src="img/小米手机4.jpg" style="display:none;" id="div4" border="0"   width="560px" height="560px"></li>
                   </ul>
                   
                   <div  id="renke89" style="position:relative;left: 30px; top: -250px;"align="center";>
	                  <A href="javascript:show(1)">________</A>
	                  <A href="javascript:show(2)">________</A>
	                  <A href="javascript:show(3)">________</A>
	                  <A href="javascript:show(4)">________</A>
                   </div>
                   <div class="btn left" style="float: left; margin-left: 50px;"> < </div>
                   <div class="btn right" style="float: right; "> > </div>
	     	      
	     	  </div>	
            
            <div id="renke42" class="renke42">
                <h1 style="margin-top: 30px;">小米8</h1>
                <span style="color: red; margin-top:30px ;">「6GB+64GB/6GB+256GB 立减100元」「8GB+128GB 赠小米手环2」
                </span><span style="color:grey;">全球首款双频GPS / 骁龙</span>
                <span style="color: grey;">845处理器 / 红外人脸解锁 / AI变焦双摄 / 三星 AMOLED 屏</span>
                <br/> <br/>
               <font size="5"color="red" >2599元&nbsp;&nbsp;&nbsp;&nbsp;</font><s size="2">2699元</s>
               <br/> <br/>
               
               
               <div class="renke31">
               <hr color="gainsboro" size="1" width="690px"/>
               <div style="background-color: red; width: 100px; height: 30px; margin-top: 17px;margin-bottom: 17px; float: left;"align="center">
               <font size="4" color="white" ;>赠品</font>
               </div>
               <br />
               <span style="color: black; padding-left: 20px;">赠米粉卡，内含100元话费</span>
               </div>
            
                
                <div class="renke31" style="float: left; margin-top: -20px;">
                <div style="background-color: red; width: 100px; height: 30px; margin-top: 17px;margin-bottom: 10px; float: left;"align="center">
               <font size="4" color="white"; >赠品</font>
               </div>
               <br />
               <span style="color: black; padding-left: 20px;">6GB+64GB，赠10000mAh小米移动电源</span>
                 </div>
               <hr color="gainsboro" size="2" width="690px"/>
               
               
               <div style="width: 690px; height: 105px; border: solid gainsboro 1px; background-color: #FAFAFA; margin-top:50px ; margin-bottom: 40px;">
               	 <img src="img/定位.png" style="margin-top: 30px; margin-left: 20px;">
               	 <span  >&nbsp天津&nbsp; 天津市&nbsp; 和平区&nbsp; 劝业&nbsp; 场街道</span>
               	 <span><a href="#" style="color: red"> &nbsp修改</a></span>
               	 <br/>
               	 <span style="color: red; margin-left:47px;">有现货</span>
               </div>
               <font size="6">选择版本</font>
               <br/>
               
             <div class="jjj">
             	
           
               <div class="renke7 selected">
               	<font size="4" style="padding-left: 25px;">6GB+64GB 全网通 </font>
               	<font size="4" style="padding-left: 60px; color: gainsboro;">2599元</font>
               </div>
               
               <div class="renke7" style="margin-left: 10px;">
               	<font size="4" style="padding-left: 25px;">6GB+128GB 全网通 </font>
               	<font size="4" style="padding-left: 60px; color: gainsboro;">2599元</font>
               </div>
               
               <div class="renke7" style="margin-top: 15px; float: left; padding-top:10px ; " onclick="changeBackground();" >
               	<font size="4" style="padding-left: 25px;">8GB+128GB 全网通 </font>
               	<font size="4" style="padding-left: 48px; color: gainsboro;">2599元</font>
               </div>
               
               <div class="renke7" style=" margin-top: 15px; float: left; padding-top:10px ; margin-left: 10px; margin-bottom: 30px;"  >
              
               	<font size="4" style="padding-left: 25px;">8GB+256GB 全网通 </font>
               	<font size="4" style="padding-left: 60px; color: gainsboro;">2599元</font>
               	</a>
               </div>
                 </div>  
                <font size="6">选择颜色</font>
                <br/>
                
                <div style="width: 690px; height: 150px;" class="jjj2">
               <div class="renke80 selected2"   align="center" >
                <img src="img/2018-09-26_105141.png"/><font size="4" >&nbsp;&nbsp;黑色 </font>
                </div>
               
               <div class="renke80" style=" margin-left: 10px;"  align="center">
               	<img src="img/2018-09-26_110212.png"/><font size="4" >&nbsp;&nbsp;蓝色</font>
              </div>
               
               <div class="renke80" style=" " onclick="changeBackground();" align="center">
               <img src="img/2018-09-26_110225.png"/>	<font size="4">&nbsp;&nbsp;金色</font>
              </div>
               
               <div class="renke80" style=" margin-left: 10px; margin-bottom: 30px;"  align="center">
               <img src="img/2018-09-26_110241.png"/>	<font size="4" >&nbsp;&nbsp;白色 </font>
               </a>
               </div>
                 </div>  
                 
                <div id="" style="width: 690px; height: 50px;">
                	
                <div style="float: left;">
               <font size="5">选择小米提供的保障服务 </font>   </div>
              
                <div class="fuwu" >
                	<a href="#" ><font color="red">了解保障服务 ></font></a>
                </div>
              </div>
                
                
                
               <div id="" style="width: 690px; height: 140.5px; border: solid gainsboro 1px; margin-top: 20px;">
               	  <input class="renke30" type="radio"/>&nbsp;<img class="renke0" src="img/2018-09-26_145640.png"/>
               	<ul class="renke10" type="circle">
               		<li><font size="5">意外保障服务</font> </li>
               		<li><font color="grey">手机意外摔落/进水/碾压等损坏</font></li>
               		 <input type="checkbox"/> &nbsp;我已阅读</font><a href="#"><font color="red">&nbsp;服务条款|</a></font></font><a href="#"><font color="red">&nbsp;常见问题</a></font></li>
               	</ul>
               	 <font class="renke12" color="gray">249元</font>
               </div> 
               
               <div id="" style="width: 690px; height: 140.5px; border: solid gainsboro 1px; margin-top: 20px;">
                 <input class="renke30" type="radio"/><img class="renke0" src="img/2018-09-26_145640.png"/>
               	<ul class="renke10" type="circle">
               		<li><font size="5">碎屏保障服务 </font> </li>
               		<li><font color="grey">手机意外碎屏</font></li>
               		 <input type="checkbox"/> &nbsp;我已阅读</font><a href="#"><font color="red">&nbsp;服务条款|</a></font></font><a href="#"><font color="red">&nbsp;常见问题</a></font></li>
               	</ul>
               	 <font class="renke11" color="gray">129元</font>
               </div> 
                
                
                <div id="" style="width: 690px; height: 140.5px; border: solid gainsboro 1px; margin-top: 20px; background-color: #F9F9FA; margin-bottom: 30px;">
                	<font class="renke13" size="3" style="padding-left: 20px; padding-top: 150px;">小米8 6GB+256GB 白色 </font>
                	
                	<font class="renke14">2599元</font>
                	<s class="renke15">2699元</s>
                	
                	<font class="renke16" size="6" color="red">总计 ：2599元 </font>
                </div>
                 
                <div id="" style="width: 300px; height: 54px; background-color: #F96003; float: left; margin-right: 20px;" align="center">
                	<a href="shopcarchage.html"><font class="renke17" size="4" color="white" style="padding-top: 20px;">加入购物车</font></a>
                </div> 
                 <div id="" style="width: 142px; height: 54px; background-color: #AFAFAF; float: left;" align="center">
                	<font class="renke18" size="4" color="white" style="padding-top: 20px;">❤喜欢</font>
                </div> 
                
                 <div style="width: 690px; height: 30px;  margin-top: 100px;">
                <img src="img/2018-09-26_165215.png"/><font color="darkgrey">&nbsp;七天无理由退货&nbsp;</font>
                 <img src="img/2018-09-26_165215.png"/><font color="darkgray">&nbsp;15天质量问题退货&nbsp;</font>
                 <img src="img/2018-09-26_165215.png"/><font color="darkgray">&nbsp;365天保修&nbsp;</font>
                  </div>
            </div>
            
        </div>
    
    <div style="width:1400px; height: 450px;background-color: #F5F5F5;">
    	<div id="" style="width: 1400px; height: 90px; ">
    		<font size="5" class="renke19">特别说明</font>
    	</div>
    	<div id="renke20" style="width: 1400; ">
    		<img src="img/aaee9db8790426631abc3b76fa3da617.jpg"/>
    	</div>
    	<div style="width:1400px; height:290px;background-color: #F5F5F5;">
    	<div id="" style="width: 1400px; height: 90px; ">
    		<font size="5" class="renke21">官方微信</font>
    	</div>
    	<div id="renke20" style="width: 1400; ">
    		<img src="img/1a84b2b629512205bf528aae91361efb.jpg" width="1225.99px" height="159px"/>
    	</div>
   </div>
    
    
    <div class="site-footer container cleFloat">
			<div class="footer-service">
				<ul>
					<li>
						<img src="img/sitefooter/weixiu.png"> 预约维修服务
					</li>
					<li>
						<img src="img/sitefooter/7天.png"> 7天无理由退货
					</li>
					<li>
						<img src="img/sitefooter/15天.png"> 15天免费换货
					</li>
					<li>
						<img src="img/sitefooter/包邮.png"> 满150元包邮
					</li>
					<li>
						<img src="img/sitefooter/定位.png"> 520余家售后服务点
					</li>
				</ul>
			</div>
			<div class="footer-links">
				<dl>
					<dt>帮助中心</dt>
					<dd>
						<a>账户管理</a>
					</dd>
					<dd>
						<a>购物指南</a>
					</dd>
					<dd>
						<a>订单操作</a>
					</dd>
				</dl>
				<dl>
					<dt>服务支持</dt>
					<dd>
						<a>售后政策</a>
					</dd>
					<dd>
						<a>自助服务</a>
					</dd>
					<dd>
						<a>相关下载</a>
					</dd>
				</dl>
				<dl>
					<dt>线下门店</dt>
					<dd>
						<a>小米之家</a>
					</dd>
					<dd>
						<a>服务站点</a>
					</dd>
					<dd>
						<a>授权体验店</a>
					</dd>
				</dl>
				<dl>
					<dt>关于小米</dt>
					<dd>
						<a>了解小米</a>
					</dd>
					<dd>
						<a>加入小米</a>
					</dd>
					<dd>
						<a>投资者关系</a>
					</dd>
				</dl>
				<dl>
					<dt>关注我们</dt>
					<dd>
						<a>新浪微博</a>
					</dd>
					<dd>
						<a>官方微信</a>
					</dd>
					<dd>
						<a>联系我们</a>
					</dd>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd>
						<a>F码通道</a>
					</dd>
					<dd>
						<a>礼物吗</a>
					</dd>
					<dd>
						<a>防伪查询</a>
					</dd>
				</dl>
				<div class="col-contact">
					<p>400-100-5678</p>
					<p>周一至周日 8:00-18:00</p>
					<p>（仅收市话费）</p>
					<div class="nofollow">
						<a>联系客服</a>
					</div>
				</div>
			</div>
		</div>
    
    <div class="site-info cleFloat">
			<div class="container1">
				<div class="head-logo" style="padding-left: 30px;">
					<img src="img/headLogo.png" />
				</div>
				<div class="info-text">
					<p>
						<a>小米商城</a>
						<span>|</span>
						<a>MIUI</a>
						<span>|</span>
						<a>米家</a>
						<span>|</span>
						<a>米聊</a>
						<span>|</span>
						<a>多看</a>
						<span>|</span>
						<a>游戏</a>
						<span>|</span>
						<a>路由器</a>
						<span>|</span>
						<a>米粉卡</a>
						<span>|</span>
						<a>政企服务</a>
						<span>|</span>
						<a>小米天猫店</a>
						<span>|</span>
						<a>隐私政策</a>
						<span>|</span>
						<a>问题反馈</a>
						<span>|</span>
						<a>廉政举报</a>
						<span>|</span>
						<a>Select Region</a>
					</p>
					<p>
						@
						<a>mi.com</a>
						京ICP证110507号
						<a>京ICP备10046444号</a>
						<a>京公网安备11010802020134号</a>
						<a>京网文[2017]1530-131号 </a>
						<br /> 违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
					</p>

				</div>
				<div class="info-links" style="float: right;">
					<img src="img/sitefooter/truste.png" />
					<img src="img/sitefooter/v-logo-2.png" />
					<img src="img/sitefooter/v-logo-1.png" />
					<img src="img/sitefooter/v-logo-3.png" />
					<img src="img/sitefooter/ba10428a4f9495ac310fd0b5e0cf8370.png" />
				</div>
			</div>
			<div class="slogan">
				<span>探索黑科技，小米为发烧而生！</span>
			</div>
		</div>

	
    </div>
    
    
    
    



		
		
	</body>
</html>
